<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>SVG Per Line Tests</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="../node_modules/mocha/mocha.css" />
	<style>
		.abcjs-container > div:nth-child(even), #paper > div:nth-child(even) {
			background-color: rgba(218, 173, 173, 0.3);
		}
		#resp-wrap, #resp-wrap-norm {
			width: 400px;
		}
		#paper,#resp-wrap,#paper-norm,#resp-wrap-norm {
			margin: 5px;
			border: 1px dotted #bbb;
		}
	</style>
</head>
<body>
<div id="mocha"></div>
<div id="output">
<div id="paper"></div>
<div id="click-info">Click items above to be sure that the handler is called.</div>
<div id="resp-wrap">
	<div id="paper-resp"></div>
</div>
<div id="paper-norm"></div>
<div id="paper-scaled"></div>
<div id="resp-wrap-norm">
	<div id="paper-resp-norm"></div>
</div>
</div>
<script src="../node_modules/chai/chai.js"></script>
<script src="../node_modules/mocha/mocha.js"></script>
<script class="mocha-init">
	mocha.setup({ui: 'bdd', globals: ['__VUE_DEVTOOLS_TOAST__']});
	mocha.checkLeaks();
</script>

<script src="visual/svg-per-line.test.js"></script>

<script src="../node_modules/@tarp/require/require.min.js"></script>
<script>
	Tarp.require({main: "../index.js"}).then(function (response) {
		window.abcjs = response;
		mocha.run();
	});
</script>

</body>
</html>
